<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title></title>
	<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" />
</head>

<body>

	<div id="container">
	</div>

	<button id="btn">提交评价</button>

	<h1>
		一个页面多个容器要互不影响
	</h1>
	<div id="container1">
	</div>

	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="js/simba.jq-star.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var myval = 3;

		//完整传参
		$.star({
			container: "#container",
			count: 8,
			value: myval,
			color: "yellow",
			size: 50,
			// readonly: true,
			choose: function (val) {
				//可以在这里扩展中文提示，如较好、不好、一般
				myval = val
			}
		})

		$.star({
			container: "#container1",
		})


		$("#btn").click(function () {
			alert("你选择了" + myval + "颗星")
		})
	</script>
</body>

</html>